<template>
<view>
	<!-- type=1&themeId=1729075155300929538&themeType=2 -->
	<u-popup :show="show"  mode="center" :safe-area-inset-bottom="false" closeable @close="close" :zIndex="10100"  closeOnClickOverlay>
		<view class="popup flex-s">
			<view>
				<view class="icon flex-c">
					<u-icon name="checkmark-circle-fill" color="#00B034" size="94px"></u-icon>
				</view>
				<view class="titles flex-c">
					任务已处理
				</view>
				<view class="stitle flex-c">
					下一步要做什么
				</view>
			</view>
			<view style="width: 100%;">
				<view class="cell flex-c" @click="setRecord()"  v-if="info.businessId">+ 填写记录</view>
				<view class="cell flex-c" @click="setNext()">+ 安排下一步</view>
			</view>
		</view>
	</u-popup>
	
	 
</view>
	

</template>

<script>
	export default {
		name: "next",
		props: {
			info: {
				type: Object,
				default: () => {}
			},
			status: {
				type: Array,
				default: () => []
			},
		},

		data() {
			return {
				show: true
			};
		},
		created() {
			console.log(this.info)
			this.show = true
		},
		methods: {
			close() {
				this.show = false
				this.$emit('close')
			},
			setRecord() {
				this.show = false
				this.$emit('setRecord')
			},
			setNext() {
				this.show = false
				this.$emit('setNext')
			},
		}
	}
</script>

<style scoped lang="scss">
	.popup {
		padding-top: 20px;
		width: 305px;
 
		background: #FFFFFF;
		border-radius: 9px;
		flex-direction: column;
		
	}
	.cell {
		border-top: 1px solid #E0E0E0;
		height: 49px;
		font-size: 15px;
		font-weight: 500;
		color: #0055A6;
		width: 100%;
	}
	.titles {
		font-size: 14px;
		color: #333333;
		margin: 10px;
	}
	.stitle {
		font-size: 13px;
		color: #999999;
		margin: 20px;
	}

	::v-deep .u-popup__content {
		background-color: rgba(0, 0, 0, 0) !important;
	}
</style>